---
title: Colors
description: The list of available color tokens
hideToc: true
---

## Tokens

Chakra UI supports the following color tokens out of the box.

<ColorTokenDoc />

## Semantic Tokens

Chakra UI supports these semantic tokens out of the box.

:::info

In most cases, we recommend using semantic tokens.

:::

<ColorSemanticTokenDoc />
